<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>
    <link rel="stylesheet" th:href="@{/login/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/login/css/iconfont.css}"/>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <title>注册界面</title>
</head>
<body>
<div id="bigBox">
    <h1>REGISTER</h1>
    <form action="/toregister">
        <div class="inputBox">
            <div class="inputText">
                <span class="iconfont icon-nickname"></span>
                <input type="text" placeholder="学员" readonly="readonly"/>
            </div>
            <div class="inputText">
                <span class="iconfont icon-nickname"></span>
                <input type="text" name="name" placeholder="用户名" id="name"/>
            </div>
            <div class="inputText">
                <span class="iconfont icon-visible"></span>
                <input type="password" name="password" placeholder="密码" id="password"/>
            </div>
        </div>
        <input class="registerButton" type="submit" value="注册" id="commit" onclick="valite()"/>
    </form>
</div>
<script>
    var name = document.getElementById("name");

    function valite() {
        alert("注册成功")
    }
</script>
</body>
</html>
